<template>
  <v-app>
    <app-bar v-model="open"></app-bar>
    <nav-drawer v-model="open"></nav-drawer>


    <v-main app class="d-flex flex-column">
      <!-- <v-parallax src="https://cdn.vuetifyjs.com/images/backgrounds/vbanner.jpg"> -->
      <v-container fluid class="flex-grow-1 overflow-hidden">
        <div class="h-100">
          <router-view #default />
        </div>
      </v-container>
      <!-- </v-parallax> -->
    </v-main>
  </v-app>
</template>

<script lang="ts" setup>
import appBar from './app-bar.vue'
import navDrawer from './nav-drawer.vue'
// TODO:路由实例多次调用
const router = useRouter()

import { ref } from 'vue'

const open = ref(true)
function onClick(path: string) {
  router.push(path)
}
</script>

<style scoped lang="less">
.v-list-item {
  cursor: pointer;
  font-size: 20px;
}
</style>
